
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<style>
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family: avant;
	font-size:14px;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
        position: relative;
        top: -2px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#f9f9f9;
}
.myButton:visited {color:#666666;}  /* visited link */
.myButton:hover {color:#666666;}  /* mouse over link */
.myButton:active {
	position:relative;
	top:1px;
}
</style>

<style>
.myButton1 {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:avant;
	font-size:14px;
	font-weight:normal;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
        position: relative;
        top: -2px;
}
.myButton1:active {
	position:relative;
	top:1px;
}

</style>

<div itemscope itemtype="http://schema.org/WPHeader" style="background: url('${model.props.appPath}/img/header-default.jpg'); height: 53px; ">
    <table border="0" style="width: 100%; font-size: 13px; font-weight: normal; font-family:avant, Century Gothic, Verdana;">
        <tr>
            <td>                
                <div style="float: left;">
                    <a href="${model.props.appPath}/home.htm">
                        <img src="${model.props.appPath}/img/rentpad-logo-1.png" alt="Apartment Finder" style="border: 0px solid black; display: block; margin-left: 45px; margin-top: 3px; height: 37px;"/>
                    </a>
                </div>     
            </td>
            <td align="right">
                
                <c:if test="${model.loggedin}">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>
                        <a href="${model.props.appPath}/account.htm#manager" title="Manage My Listings">Listings Manager</a>
                    </span>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span>
                        <a href="${model.props.appPath}/account.htm" title="My Rentpad Account">My Account</a>
                        (<a href="${model.props.appPath}/logout.htm" style="color: #369; font-size: 12px;">log out</a>)
                    </span>
                    &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="${model.props.appPath}/post" title="List property for rent">
                        <a href="${model.props.appPath}/post" title="List property for rent" class="myButton">List your property</a>
                                
                                <!--
                                <a href="${model.props.appPath}/post" title="List your property">
                                    <input type="button" value="  List your property  " style="padding: 4px;"/>                                
                                </a>
                                -->                              
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                </c:if>
                    
                <c:if test="${!model.loggedin}">
                    
                    <table border="0" style="border-collapse: collapse; position: relative; top:2px;">
                        <tr>
                            <td>
                                <span>
                                    <a href="${model.props.appPath}/login.htm" title="Log in to your account" rel="nofollow">Log in</a>
                                </span>
                            </td>
                            <td>
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                <span>
                                    <a href="${model.props.appPath}/invite.htm" title="Sign up to post your rental properties" rel="nofollow">Post for free</a>
                                </span>
                            </td>
                            <td>
                                 &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                <!--
                                <a href="${model.props.appPath}/post" title="List your property" class="myButton">List your property</a>
                                -->
                                
                                <!--
                                <a href="${model.props.appPath}/post" title="List your property">
                                    <input type="button" value="  List your property  " style="padding: 4px;"/>                                
                                </a>
                                -->
                                
                                <span>
                                    <a href="${model.props.appPath}/find" title="Help me find the right place to rent" class="myButton1">Help me find a place</a>
                                </span>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                
                            </td>
                        </tr>
                    </table>
                                
                </c:if>
            </td>
        </tr>
    </table>  
</div>       